body:after {
    content: " ";
    position: fixed;
    inset: 0;
    background-color: white;
    z-index: 9999999;
    background-image: url(/assets/logo.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 30%;
    animation: fadeOut 3s;
    animation-fill-mode: forwards;
    -webkit-transition: fadeOut 3s;
    transition: fadeOut 3s;
    pointer-events: none;
}

@keyframes fadeOut {
    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

body::before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -520;
    pointer-events: none;
}

body::before {
    background: linear-gradient(90deg, rgba(247, 149, 51, .1), rgba(243, 112, 85, .1) 15%, rgba(239, 78, 123, .1) 30%, rgba(161, 102, 171, .1) 44%, rgba(80, 115, 184, .1) 58%, rgba(16, 152, 173, .1) 72%, rgba(7, 179, 155, .1) 86%, rgba(109, 186, 130, .1));
}

.mdui-btn {
    border-radius: 8px;
}

.mdui-card {
    background-color: #ffffffb0;
}

@media (max-width: 1024px) {
    #Sidebar .mdui-card {
        background-color: #fff;
    }
}

body .Wallpaper {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 16px;
    grid-auto-flow: dense;
    /* 确保网格项紧密排列 */
    margin: 0 auto;
}

body .Wallpaper-item {
    width: 20%;
    /* 默认宽度为20%，即一排5个 */
    border-radius: 8px;
    overflow: hidden;
    position: relative;
    transition: transform 0.2s;
    margin-bottom: 10px;
}

body .Wallpaper-item:hover {
    transform: scale(1.05);
}

body .Wallpaper-item img {
    width: 90%;
    height: auto;
    display: block;
    border-radius: 8px;
}

@media (max-width: 1023px) {
    body .Wallpaper-item {
        width: 33.333%;
        /* 平板端：一排3个 */
    }
}

@media (max-width: 767px) {
    body .Wallpaper-item {
        width: 50%;
        /* 手机端：一排2个 */
    }
}

/* main.css */
body {
    margin: 0
}

.snowflake {
    position: fixed;
    color: #E0E0E0;
    font-size: 20px;
    animation: fall 10s linear infinite;
}

@keyframes fall {
    0% {
        top: -10px;
        transform: translateX(0);
    }

    100% {
        top: 100%;
        transform: translateX(100vw);
    }
}